
<div class="clearfix" id="zt-newdishes">
    <div class="zt-wrapper">
        <div id="zt-newdishes-inner">
            <div class="moduletable">
                <div class="ztmodule">
                    <h3 class="moduletitle"><span>New Dishes Of The Day</span></h3>

                    <div class="modulecontent">
                        <div class="modulecontent-inner">
                            <script type="text/javascript">
                                window.addEvent('load', function () {
                                    var slid84 = new noobSlide({
                                        box:$('jvcarousel84'),
                                        items:document.getElements('.jvcarousel-slide84', 'jvcarousel84'),
                                        size:960,
                                        handles:document.getElements('.handles_item84', 'handles84'),
                                        interval:5000,
                                        play:function (delay, direction, wait) {
                                            delay: 100;
                                            direction: "next";
                                            wait: true;
                                        },
                                        onWalk:function (currentItem, currentHandle) {
                                            this.handles.removeClass('active');
                                            currentHandle.addClass('active');
                                        },
                                        autoPlay:1        });
                                    slid84.addActionButtons('previous', document.getElements('.pre84', 'handles84'));
                                    slid84.addActionButtons('next', document.getElements('.next84', 'handles84'));
                                    slid84.play;
                                });
                            </script>
                            <div style="height:388px; width: 960px" class="mod_jvsello2_headline">

                                <div class="jvcarousel-pagi">
                                    <p id="handles84" class="buttons handles">
                                        <span class="pre pre84" id="pre">&nbsp;</span>
                                        <?php
                                    if (isset($contents))
                                    {
                                    $cols = 3; $i = 0;
                                    ?>
                                    <?php foreach ($contents as $content)
        {
            $brow = ""; $erow = "";
            if($i%$cols == 0) $brow = '<span class="handles_item handles_item84 active" id="handles_item">';
                                   echo $brow;
                                    ?>
                                    <?php
                if($i%$cols == ($cols-1) || ($i+1 == count($contents))) $erow = "</span>";
                                    echo $erow;
                                    ?>
                                    <?php
            $i++;
        }
        ?>
                                    <?php
    }
    ?>

                                        <span class="next next84" id="next">&nbsp;</span>
                                    </p>

                                </div>

                                <div style="height:388px; width: 960px" class="jvcarousel_frame">
                                    <div id="jvcarousel84" class="jvcarousel" style="width: 1920px; left: 0px;">

                                        <?php
    if (isset($contents))
    {
        $cols = 3; $i = 0;
    ?>
                                        <?php foreach ($contents as $content)
        {
            $brow = ""; $erow = "";
            if($i%$cols == 0) $brow = '<div style="width:960px" class="jvcarousel-slide84" id="jvcarousel-slide">';
                                        echo $brow;
                                        ?>

                                        <div style="width: 305px" class="jvcarousel-item">
                                            <div class="zt-headline-new-header">
                                                <div class="header-left"></div>
                                                <div class="header-right"></div>
                                            </div>
                                            <div class="zt-headline-new-center">
                                                <div class="zt-headline-inner">
                                                    <img border="0" src="<?php echo $content['thumb']; ?>"
                                                         alt="">
                                                    <h4>
                                                        <a href=""
                                                           title=""><?php echo $content['title']; ?></a>
                                                    </h4>

                                                    <p><?php echo $content['content']; ?></p>

                                                    <p><a href="" title=""
                                                          class="readon"><span>Read more</span></a></p>
                                                </div>
                                            </div>
                                            <div class="zt-headline-new-bot">
                                                <div class="bot-left"></div>
                                                <div class="bot-right"></div>
                                            </div>
                                        </div>

                                        <?php
                if($i%$cols == ($cols-1) || ($i+1 == count($contents))) $erow = "</div>";
                                        echo $erow;
                                        ?>
                                        <?php
            $i++;
        }
        ?>
                                        <?php
    }
    ?>
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

